<%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ page isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页 | OA</title>

    <!--STYLESHEET-->
    <!--=================================================-->

    <!--Open Sans Font [ OPTIONAL ] -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;subset=latin" rel="stylesheet">

    <!--Bootstrap Stylesheet [ REQUIRED ]-->
    <link href="../resource/core/css/bootstrap.min.css" rel="stylesheet">

    <!--Nifty Stylesheet [ REQUIRED ]-->
    <link href="../resource/core/css/nifty.min.css" rel="stylesheet">

    <!--Page Load Progress Bar [ OPTIONAL ]-->
    <link href="../resource/core/plugins/pace/css/pace.min.css" rel="stylesheet">

    <!--Themify Icons [ OPTIONAL ]-->
    <link href="../resource/core/themify-icons/themify-icons.min.css" rel="stylesheet">

    <!--Magic Checkbox [ OPTIONAL ]-->
    <link href="../resource/core/plugins/magic-check/css/magic-check.min.css" rel="stylesheet">

    <!-- bootstrap-select -->
    <link href="../resource/core/plugins/bootstrap-select/1.10.0/css/bootstrap-select.min.css" rel="stylesheet">

    <!-- font-awesome -->
    <link href="../resource/core/plugins/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">

    <!-- dialog -->
    <link href="../resource/core/plugins/bootstrap-dialog/1.35.2/css/bootstrap-dialog.min.css" rel="stylesheet">

    <!-- jqGrid -->
    <link href="../resource/core/plugins/jqGrid/5.1.1/css/ui.jqgrid-bootstrap.css" rel="stylesheet">

    <!-- ztree -->
    <link href="../resource/core/plugins/ztree/3.5.24/css/metroStyle/metroStyle.css" rel="stylesheet">

    <!--Bootstrap Datepicker [ OPTIONAL ]-->
    <link href="../resource/core/plugins/bootstrap-datepicker/bootstrap-datepicker.min.css" rel="stylesheet">

    <!--Select2 [ OPTIONAL ]-->
    <link href="../resource/core/plugins/select2/css/select2.min.css" rel="stylesheet">

    <!-- uploadify CSS -->
    <link rel="stylesheet" type="text/css" media="screen" href="../resource/core/plugins/uploadify/uploadify.css">

    <!--Full Calendar [ OPTIONAL ]-->
    <link href="../resource/core/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet">
    <link href="../resource/core/plugins/fullcalendar/nifty-skin/fullcalendar-nifty.min.css" rel="stylesheet">

    <!-- clockpicker CSS -->
    <link rel="stylesheet" type="text/css" media="screen" href="../resource/core/plugins/clockpicker/bootstrap-clockpicker.min.css">

    <!--Summernote [ OPTIONAL ]-->
    <link href="../resource/core/plugins/summernote/summernote.min.css" rel="stylesheet">

    <!--app core-->
    <link href="../resource/core/css/core/app-core.css" rel="stylesheet">

    <!--def css-->
    <link href="../resource/core/css/form.css" rel="stylesheet">

    <!--im chat-->
    <link href="../resource/core/css/core/myChat.css" rel="stylesheet">


</head>


<body>
<div id="container" class="effect mainnav-lg mainnav-fixed navbar-fixed footer-fixed">

    <!-- 顶部导航栏 -->
    <!--===================================================-->
    <header id="navbar">
        <div id="navbar-container" class="boxed">

            <!-- logo & 名称 -->
            <!--================================-->
            <div class="navbar-header">
                <a href="index" class="navbar-brand">
                    <img src="../resource/core/img/logo.png" alt="Nifty Logo" class="brand-icon">
                    <div class="brand-title">
                        <span class="brand-text">OA Star</span>
                    </div>
                </a>
            </div>
            <!--================================-->
            <!-- End logo & 名称-->


            <!--Navbar Dropdown-->
            <!--================================-->
            <div class="navbar-content clearfix">
                <ul class="nav navbar-top-links pull-left">

                    <!--Navigation toogle button-->
                    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                    <li class="tgl-menu-btn">
                        <a class="mainnav-toggle" href="#">
                            <i class="ti-view-list icon-lg"></i>
                        </a>
                    </li>
                    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                    <!--End Navigation toogle button-->



                    <!--Notification dropdown-->
                    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                    <%--<li class="dropdown">--%>
                        <%--<a href="#" data-toggle="dropdown" class="dropdown-toggle">--%>
                            <%--<i class="ti-bell icon-lg"></i>--%>
                            <%--<span class="badge badge-header badge-danger"></span>--%>
                        <%--</a>--%>

                        <%--<!--Notification dropdown menu-->--%>
                        <%--&lt;%&ndash;<div class="dropdown-menu dropdown-menu-md">&ndash;%&gt;--%>
                            <%--&lt;%&ndash;<div class="pad-all bord-btm">&ndash;%&gt;--%>
                                <%--&lt;%&ndash;<p class="text-semibold text-main mar-no">You have 3 notifications.</p>&ndash;%&gt;--%>
                            <%--&lt;%&ndash;</div>&ndash;%&gt;--%>
                            <%--&lt;%&ndash;<div class="nano scrollable">&ndash;%&gt;--%>
                                <%--&lt;%&ndash;<div class="nano-content">&ndash;%&gt;--%>
                                    <%--&lt;%&ndash;<ul class="head-list">&ndash;%&gt;--%>

                                        <%--&lt;%&ndash;<!-- Dropdown list-->&ndash;%&gt;--%>
                                        <%--&lt;%&ndash;<li>&ndash;%&gt;--%>
                                            <%--&lt;%&ndash;<a href="#">&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<div class="clearfix">&ndash;%&gt;--%>
                                                    <%--&lt;%&ndash;<p class="pull-left">Progressbar</p>&ndash;%&gt;--%>
                                                    <%--&lt;%&ndash;<p class="pull-right">70%</p>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;</div>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<div class="progress progress-sm">&ndash;%&gt;--%>
                                                    <%--&lt;%&ndash;<div style="width: 70%;" class="progress-bar">&ndash;%&gt;--%>
                                                        <%--&lt;%&ndash;<span class="sr-only">70% Complete</span>&ndash;%&gt;--%>
                                                    <%--&lt;%&ndash;</div>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;</div>&ndash;%&gt;--%>
                                            <%--&lt;%&ndash;</a>&ndash;%&gt;--%>
                                        <%--&lt;%&ndash;</li>&ndash;%&gt;--%>

                                        <%--&lt;%&ndash;<!-- Dropdown list-->&ndash;%&gt;--%>
                                        <%--&lt;%&ndash;<li>&ndash;%&gt;--%>
                                            <%--&lt;%&ndash;<a href="#" class="media">&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<div class="media-left">&ndash;%&gt;--%>
                                                    <%--&lt;%&ndash;<i class="ti-truck icon-lg"></i>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;</div>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<div class="media-body">&ndash;%&gt;--%>
                                                    <%--&lt;%&ndash;<div class="text-nowrap">With Icon</div>&ndash;%&gt;--%>
                                                    <%--&lt;%&ndash;<small class="text-muted">15 minutes ago</small>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;</div>&ndash;%&gt;--%>
                                            <%--&lt;%&ndash;</a>&ndash;%&gt;--%>
                                        <%--&lt;%&ndash;</li>&ndash;%&gt;--%>

                                        <%--&lt;%&ndash;<!-- Dropdown list-->&ndash;%&gt;--%>
                                        <%--&lt;%&ndash;<li>&ndash;%&gt;--%>
                                            <%--&lt;%&ndash;<a href="#" class="media">&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<div class="media-left">&ndash;%&gt;--%>
                                                    <%--&lt;%&ndash;<i class="ti-plug icon-lg"></i>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;</div>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<div class="media-body">&ndash;%&gt;--%>
                                                    <%--&lt;%&ndash;<div class="text-nowrap">With Icon</div>&ndash;%&gt;--%>
                                                    <%--&lt;%&ndash;<small class="text-muted">15 minutes ago</small>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;</div>&ndash;%&gt;--%>
                                            <%--&lt;%&ndash;</a>&ndash;%&gt;--%>
                                        <%--&lt;%&ndash;</li>&ndash;%&gt;--%>

                                        <%--&lt;%&ndash;<!-- Dropdown list-->&ndash;%&gt;--%>
                                        <%--&lt;%&ndash;<li>&ndash;%&gt;--%>
                                            <%--&lt;%&ndash;<a href="#" class="media">&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<div class="media-left">&ndash;%&gt;--%>

									<%--&lt;%&ndash;<span class="icon-wrap icon-circle bg-primary">&ndash;%&gt;--%>
									    <%--&lt;%&ndash;<i class="ti-layout icon-lg"></i>&ndash;%&gt;--%>
									<%--&lt;%&ndash;</span>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;</div>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<div class="media-body">&ndash;%&gt;--%>
                                                    <%--&lt;%&ndash;<div class="text-nowrap">Circle Icon</div>&ndash;%&gt;--%>
                                                    <%--&lt;%&ndash;<small class="text-muted">15 minutes ago</small>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;</div>&ndash;%&gt;--%>
                                            <%--&lt;%&ndash;</a>&ndash;%&gt;--%>
                                        <%--&lt;%&ndash;</li>&ndash;%&gt;--%>

                                        <%--&lt;%&ndash;<!-- Dropdown list-->&ndash;%&gt;--%>
                                        <%--&lt;%&ndash;<li>&ndash;%&gt;--%>
                                            <%--&lt;%&ndash;<a href="#" class="media">&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<span class="badge badge-success pull-right">90%</span>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<div class="media-left">&ndash;%&gt;--%>

									<%--&lt;%&ndash;<span class="icon-wrap icon-circle bg-danger">&ndash;%&gt;--%>
									    <%--&lt;%&ndash;<i class="ti-crown icon-lg"></i>&ndash;%&gt;--%>
									<%--&lt;%&ndash;</span>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;</div>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<div class="media-body">&ndash;%&gt;--%>
                                                    <%--&lt;%&ndash;<div class="text-nowrap">Circle icon with badge</div>&ndash;%&gt;--%>
                                                    <%--&lt;%&ndash;<small class="text-muted">50 minutes ago</small>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;</div>&ndash;%&gt;--%>
                                            <%--&lt;%&ndash;</a>&ndash;%&gt;--%>
                                        <%--&lt;%&ndash;</li>&ndash;%&gt;--%>

                                        <%--&lt;%&ndash;<!-- Dropdown list-->&ndash;%&gt;--%>
                                        <%--&lt;%&ndash;<li>&ndash;%&gt;--%>
                                            <%--&lt;%&ndash;<a href="#" class="media">&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<div class="media-left">&ndash;%&gt;--%>

									<%--&lt;%&ndash;<span class="icon-wrap bg-info">&ndash;%&gt;--%>
									    <%--&lt;%&ndash;<i class="ti-camera icon-lg"></i>&ndash;%&gt;--%>
									<%--&lt;%&ndash;</span>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;</div>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<div class="media-body">&ndash;%&gt;--%>
                                                    <%--&lt;%&ndash;<div class="text-nowrap">Square Icon</div>&ndash;%&gt;--%>
                                                    <%--&lt;%&ndash;<small class="text-muted">Last Update 8 hours ago</small>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;</div>&ndash;%&gt;--%>
                                            <%--&lt;%&ndash;</a>&ndash;%&gt;--%>
                                        <%--&lt;%&ndash;</li>&ndash;%&gt;--%>

                                        <%--&lt;%&ndash;<!-- Dropdown list-->&ndash;%&gt;--%>
                                        <%--&lt;%&ndash;<li>&ndash;%&gt;--%>
                                            <%--&lt;%&ndash;<a href="#" class="media">&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<span class="label label-danger pull-right">New</span>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<div class="media-left">&ndash;%&gt;--%>

									<%--&lt;%&ndash;<span class="icon-wrap bg-purple">&ndash;%&gt;--%>
									    <%--&lt;%&ndash;<i class="ti-bolt icon-lg"></i>&ndash;%&gt;--%>
									<%--&lt;%&ndash;</span>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;</div>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<div class="media-body">&ndash;%&gt;--%>
                                                    <%--&lt;%&ndash;<div class="text-nowrap">Square icon with label</div>&ndash;%&gt;--%>
                                                    <%--&lt;%&ndash;<small class="text-muted">Last Update 8 hours ago</small>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;</div>&ndash;%&gt;--%>
                                            <%--&lt;%&ndash;</a>&ndash;%&gt;--%>
                                        <%--&lt;%&ndash;</li>&ndash;%&gt;--%>
                                    <%--&lt;%&ndash;</ul>&ndash;%&gt;--%>
                                <%--&lt;%&ndash;</div>&ndash;%&gt;--%>
                            <%--&lt;%&ndash;</div>&ndash;%&gt;--%>

                            <%--&lt;%&ndash;<!--Dropdown footer-->&ndash;%&gt;--%>
                            <%--&lt;%&ndash;<div class="pad-all bord-top">&ndash;%&gt;--%>
                                <%--&lt;%&ndash;<a href="#" class="btn-link text-dark box-block">&ndash;%&gt;--%>
                                    <%--&lt;%&ndash;<i class="ti-angle-right pull-right"></i>Show All Notifications&ndash;%&gt;--%>
                                <%--&lt;%&ndash;</a>&ndash;%&gt;--%>
                            <%--&lt;%&ndash;</div>&ndash;%&gt;--%>
                        <%--&lt;%&ndash;</div>&ndash;%&gt;--%>
                    <%--</li>--%>
                    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                    <!--End notifications dropdown-->



                    <!--Mega dropdown-->
                    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                    <%--<li class="mega-dropdown">--%>
                        <%--<a href="#" class="mega-dropdown-toggle">--%>
                            <%--<i class="ti-view-grid icon-lg"></i>--%>
                        <%--</a>--%>
                        <%--<div class="dropdown-menu mega-dropdown-menu">--%>
                            <%--<div class="clearfix">--%>
                                <%--<div class="col-sm-12 col-md-3">--%>

                                    <%--<!--Mega menu widget-->--%>
                                    <%--<div class="text-center bg-info pad-all">--%>
                                        <%--<h4 class="text-light mar-no">Weekend shopping</h4>--%>
                                        <%--<div class="pad-ver box-inline">--%>
                                                <%--<span class="icon-wrap icon-wrap-lg icon-circle bg-trans-light">--%>
                                                    <%--<i class="ti-shopping-cart-full icon-4x"></i>--%>
                                                <%--</span>--%>
                                        <%--</div>--%>
                                        <%--<p class="pad-btm">--%>
                                            <%--Members get <span class="text-lg text-bold">50%</span> more points. Lorem ipsum dolor sit amet!--%>
                                        <%--</p>--%>
                                        <%--<a href="#" class="btn btn-info">Learn More...</a>--%>
                                    <%--</div>--%>

                                <%--</div>--%>
                                <%--<div class="col-sm-4 col-md-3">--%>

                                    <%--<!--Mega menu list-->--%>
                                    <%--<ul class="list-unstyled">--%>
                                        <%--<li class="dropdown-header">Pages</li>--%>
                                        <%--<li><a href="#">Profile</a></li>--%>
                                        <%--<li><a href="#">Search Result</a></li>--%>
                                        <%--<li><a href="#">FAQ</a></li>--%>
                                        <%--<li><a href="#">Sreen Lock</a></li>--%>
                                        <%--<li><a href="#" class="disabled">Disabled</a></li>--%>
                                        <%--<li class="divider"></li>--%>
                                        <%--<li class="dropdown-header">Icons</li>--%>
                                        <%--<li><a href="#"><span class="pull-right badge badge-purple">479</span> Font Awesome</a></li>--%>
                                        <%--<li><a href="#">Skycons</a></li>--%>
                                    <%--</ul>--%>

                                <%--</div>--%>
                                <%--<div class="col-sm-4 col-md-3">--%>

                                    <%--<!--Mega menu list-->--%>
                                    <%--<ul class="list-unstyled">--%>
                                        <%--<li class="dropdown-header">Mailbox</li>--%>
                                        <%--<li><a href="#"><span class="pull-right label label-danger">Hot</span>Indox</a></li>--%>
                                        <%--<li><a href="#">Read Message</a></li>--%>
                                        <%--<li><a href="#">Compose</a></li>--%>
                                        <%--<li class="divider"></li>--%>
                                        <%--<li class="dropdown-header">Featured</li>--%>
                                        <%--<li><a href="#">Smart navigation</a></li>--%>
                                        <%--<li><a href="#"><span class="pull-right badge badge-success">6</span>Exclusive plugins</a></li>--%>
                                        <%--<li><a href="#">Lot of themes</a></li>--%>
                                        <%--<li><a href="#">Transition effects</a></li>--%>
                                    <%--</ul>--%>

                                <%--</div>--%>
                                <%--<div class="col-sm-4 col-md-3">--%>

                                    <%--<!--Mega menu list-->--%>
                                    <%--<ul class="list-unstyled">--%>
                                        <%--<li class="dropdown-header">Components</li>--%>
                                        <%--<li><a href="#">Tables</a></li>--%>
                                        <%--<li><a href="#">Charts</a></li>--%>
                                        <%--<li><a href="#">Forms</a></li>--%>
                                        <%--<li class="divider"></li>--%>
                                        <%--<li>--%>
                                            <%--<form role="form" class="form">--%>
                                                <%--<div class="form-group">--%>
                                                    <%--<label class="dropdown-header" for="megamenu-input">Newsletter</label>--%>
                                                    <%--<input id="megamenu-input" type="email" placeholder="Enter email" class="form-control">--%>
                                                <%--</div>--%>
                                                <%--<button class="btn btn-primary btn-block" type="submit">Submit</button>--%>
                                            <%--</form>--%>
                                        <%--</li>--%>
                                    <%--</ul>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                    <%--</li>--%>
                    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                    <!--End mega dropdown-->

                </ul>
                <ul class="nav navbar-top-links pull-right">

                    <li>
                        <a href="#" class="aside-toggle navbar-aside-icon" id="tabController" >
                            <i class="pci-ver-dots"></i>
                        </a>
                        <span class="pull-left badge badge-info allUnread chatHidden">0</span>
                    </li>
                </ul>
            </div>
            <!--================================-->
            <!--End Navbar Dropdown-->

        </div>
    </header>
    <!--===================================================-->
    <!-- END 顶部导航栏 -->

    <div class="boxed">

        <!-- 主页面 -->
        <!--===================================================-->
        <div id="content-container">

            <!-- ajax 异步加载页面... -->

        </div>
        <!--===================================================-->
        <!-- END 主页面 -->


        <!-- 左侧导航栏 -->
        <!--===================================================-->
        <nav id="mainnav-container">
            <div id="mainnav">

                <!-- 菜单 -->
                <!--================================-->
                <div id="mainnav-menu-wrap">
                    <div class="nano">
                        <div class="nano-content">

                            <!-- 用户头像栏 -->
                            <!--================================-->
                            <div id="mainnav-profile" class="mainnav-profile">
                                <div class="profile-wrap">
                                    <div class="pad-btm">
                                        <img class="img-circle img-sm img-border" src="../resource/core/img/profile-photos/1.png" alt="Profile Picture">
                                    </div>
                                    <a href="#profile-nav" class="box-block" data-toggle="collapse" aria-expanded="false">
                                            <span class="pull-right dropdown-toggle">
                                                <i class="dropdown-caret"></i>
                                            </span>
                                        <p class="mnp-name">${user.name}</p>
                                        <input type="hidden" id="userName" value="${user.name}" />
                                        <input type="hidden" id="userId" value="${user.id}" />
                                        <input type="hidden" id="friendId" />
                                        <input type="hidden" id="friendName" />
                                    </a>
                                </div>
                                <div id="profile-nav" class="collapse list-group bg-trans">
                                    <%--<a href="#" class="list-group-item">--%>
                                        <%--<i class="ti-user icon-lg icon-fw"></i> 个人信息--%>
                                    <%--</a>--%>
                                    <%--<a href="#" class="list-group-item">--%>
                                        <%--<i class="ti-settings icon-lg icon-fw"></i> 设置--%>
                                    <%--</a>--%>
                                    <%--<a href="#" class="list-group-item">--%>
                                        <%--<i class="ti-help-alt icon-lg icon-fw"></i> 帮助--%>
                                    <%--</a>--%>
                                    <a id="imOut" href="logout" class="list-group-item">
                                        <i class="ti-unlock icon-lg icon-fw"></i> 登出
                                    </a>
                                </div>
                            </div>
                            <!--================================-->
                            <!-- End 用户头像栏 -->

                            <!--Shortcut buttons-->
                            <!--================================-->
                            <%--<div id="mainnav-shortcut">--%>
                                <%--<ul class="list-unstyled">--%>
                                    <%--<li class="col-xs-3" data-content="My Profile">--%>
                                        <%--<a class="shortcut-grid" href="#">--%>
                                            <%--<i class="ti-bar-chart"></i>--%>
                                        <%--</a>--%>
                                    <%--</li>--%>
                                    <%--<li class="col-xs-3" data-content="Messages">--%>
                                        <%--<a class="shortcut-grid" href="#">--%>
                                            <%--<i class="ti-comment"></i>--%>
                                        <%--</a>--%>
                                    <%--</li>--%>
                                    <%--<li class="col-xs-3" data-content="Activity">--%>
                                        <%--<a class="shortcut-grid" href="#">--%>
                                            <%--<i class="ti-bolt"></i>--%>
                                        <%--</a>--%>
                                    <%--</li>--%>
                                    <%--<li class="col-xs-3" data-content="Lock Screen">--%>
                                        <%--<a class="shortcut-grid" href="#">--%>
                                            <%--<i class="ti-lock"></i>--%>
                                        <%--</a>--%>
                                    <%--</li>--%>
                                <%--</ul>--%>
                            <%--</div>--%>
                            <!--================================-->
                            <!--End shortcut buttons-->

                            <!-- 菜单栏 -->
                            <!--================================-->
                            <ul id="mainnav-menu" class="list-group">

                                <li>
                                    <a href="menu/dashboard">
                                        <i class="ti-layout"></i>
						                    <span class="menu-title">
                                                <strong>工作台</strong>
											</span>
                                    </a>
                                </li>

                                <li class="list-header">系统设置</li>

                                <li>
                                    <a href="#">
                                        <i class="ti-layout-tab"></i>
											<span class="menu-title">
												<strong>字典管理</strong>
											</span>
                                        <i class="arrow"></i>
                                    </a>

                                    <ul class="collapse">
                                        <li><a href="menu/dict">系统字典</a></li>
                                        <li><a href="menu/dict_custom">用户字典</a></li>
                                    </ul>
                                </li>

                                <li>
                                    <a href="#">
                                        <i class="ti-home"></i>
											<span class="menu-title">
												<strong>企业管理</strong>
											</span>
                                        <i class="arrow"></i>
                                    </a>

                                    <ul class="collapse">
                                        <li><a href="menu/company">企业信息</a></li>
                                        <li><a href="menu/member">成员信息</a></li>
                                        <li><a href="menu/post">岗位信息</a></li>
                                        <li><a href="menu/department">部门信息</a></li>
                                        <li><a href="menu/power">职权信息</a></li>
                                        <li><a href="menu/group">群组信息</a></li>
                                    </ul>
                                </li>

                                <li>
                                    <a href="#">
                                        <i class="ti-layout-tab"></i>
											<span class="menu-title">
												<strong>流程管理</strong>
											</span>
                                        <i class="arrow"></i>
                                    </a>

                                    <ul class="collapse">
                                        <li><a href="menu/processBrief">流程简要</a></li>
                                        <li><a href="menu/remind">提醒事项</a></li>
                                        <li><a href="menu/toDo">个人待办事宜</a></li>
                                        <li><a href="menu/taskRecord?type=1">已办未结</a></li>
                                        <li><a href="menu/taskRecord?type=2">已办已结</a></li>
                                        <li><a href="menu/draft">草稿</a></li>
                                    </ul>
                                </li>
                                <li class="list-header">业务模块</li>
                                <%--<li>--%>
                                    <%--<a href="#">--%>
                                        <%--<i class="ti-layout-tab"></i>--%>
                                        <%--<span class="menu-title">--%>
											<%--<strong>日常管理</strong>--%>
										<%--</span>--%>
                                        <%--<i class="arrow"></i>--%>
                                    <%--</a>--%>
                                    <%--<ul class="collapse">--%>
                                         <%--<li>--%>
                                              <%--<a href="#">公告通知测试<i class="arrow"></i></a>--%>
                                               <%--<ul class="collapse">--%>
                                                    <%--<li><a href="menu/com/noticeTest?viewtype=1">流转中</a></li>--%>
                                                    <%--<li><a href="menu/com/noticeTest?viewtype=2">已通过</a></li>--%>
                                                    <%--<li><a href="menu/com/noticeTest?viewtype=3">已失效</a></li>--%>
                                              <%--</ul>--%>
                                          <%--</li>--%>
                                    <%--</ul>--%>
                                <%--</li>--%>
                                <%--<li>--%>
                                    <%--<a href="#">--%>
                                         <%--<i class="ti-calendar"></i>--%>
                                         <%--<span class="menu-title">--%>
                                            <%--<strong>文件管理</strong>--%>
                                        <%--</span>--%>
                                        <%--<i class="arrow"></i>--%>
                                    <%--</a>--%>
                                    <%--<ul class="collapse">--%>
                                        <%--<li>--%>
                                            <%--<a href="#">发文管理<i class="arrow"></i></a>--%>
                                            <%--<ul class="collapse">--%>
                                                <%--<li><a href="menu/com/dispatch?viewtype=1">流转中</a></li>--%>
                                                <%--<li><a href="menu/com/dispatch?viewtype=2">已通过</a></li>--%>
                                                <%--<li><a href="menu/com/dispatch?viewtype=3">已失效</a></li>--%>
                                            <%--</ul>--%>
                                        <%--</li>--%>
                                    <%--</ul>--%>
                                  <%--</li>--%>

                                    <%--<a href="#">--%>
                                        <%--<i class="ti-user"></i>--%>
											<%--<span class="menu-title">--%>
												<%--<strong>个人主页</strong>--%>
											<%--</span>--%>
                                        <%--<i class="arrow"></i>--%>
                                    <%--</a>--%>
                                    <%--<ul class="collapse">--%>
                                        <%--<li><a href="#">流程发起</a></li>--%>
                                        <%--<li><a href="#">我的申请</a></li>--%>
                                        <%--<li><a href="#">待办流程</a></li>--%>
                                        <%--<li><a href="#">已办未结流程</a></li>--%>
                                        <%--<li><a href="#">办结流程</a></li>--%>
                                        <%--<li><a href="#">我的草稿</a></li>--%>
                                        <%--<li><a href="#">通知消息</a></li>--%>
                                        <%--<li><a href="menu/user/worklogs">工作日志</a></li>--%>
                                    <%--</ul>--%>
                                <%--</li>--%>

                                <li>
                                    <a href="#">
                                        <i class="ti-calendar"></i>
											<span class="menu-title">
												<strong>日常管理</strong>
											</span>
                                        <i class="arrow"></i>
                                    </a>
                                    <ul class="collapse">
                                        <li><a href="menu/com/schedule">日程安排</a></li>
                                        <li><a href="menu/com/notice">公告通知</a></li>
                                        <%--<li>--%>
                                            <%--<a href="#">公告通知测试<i class="arrow"></i></a>--%>
                                            <%--<ul class="collapse">--%>
                                                <%--<li><a href="menu/com/noticeTest?viewtype=1">流转中</a></li>--%>
                                                <%--<li><a href="menu/com/noticeTest?viewtype=2">已通过</a></li>--%>
                                                <%--<li><a href="menu/com/noticeTest?viewtype=3">已失效</a></li>--%>
                                            <%--</ul>--%>
                                        <%--</li>--%>
                                        <li>
                                            <a href="#">会议管理<i class="arrow"></i></a>
                                            <ul class="collapse">
                                                <li><a href="menu/com/meeting">会议日历</a></li>
                                                <li>
                                                    <a href="#">会议安排<i class="arrow"></i></a>
                                                    <ul class="collapse">
                                                        <li class="mar-lft"><a href="menu/com/meetingList?viewtype=1">所有会议</a></li>
                                                        <li class="mar-lft"><a href="menu/com/meetingList?viewtype=2">我的会议</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <%--<li>--%>
                                    <%--<a href="#">--%>
                                        <%--<i class="ti-calendar"></i>--%>
                                        <%--<span class="menu-title">--%>
												<%--<strong>文件管理</strong>--%>
											<%--</span>--%>
                                        <%--<i class="arrow"></i>--%>
                                    <%--</a>--%>
                                    <%--<ul class="collapse">--%>
                                        <%--<li>--%>
                                            <%--<a href="#">发文管理<i class="arrow"></i></a>--%>
                                            <%--<ul class="collapse">--%>
                                                <%--<li><a href="menu/com/dispatch?viewtype=1">流转中</a></li>--%>
                                                <%--<li><a href="menu/com/dispatch?viewtype=2">已通过</a></li>--%>
                                                <%--<li><a href="menu/com/dispatch?viewtype=3">已失效</a></li>--%>
                                            <%--</ul>--%>
                                        <%--</li>--%>
                                    <%--</ul>--%>
                                <%--</li>--%>
                                <li>
                                    <a href="#">
                                        <i class="ti-check-box"></i>
											<span class="menu-title">
												<strong>行政管理</strong>
											</span>
                                        <i class="arrow"></i>
                                    </a>
                                    <ul class="collapse">
                                        <li>
                                            <a href="#">文件管理<i class="arrow"></i></a>
                                            <ul class="collapse">
                                                <li><a href="menu/com/outfile">发文管理</a></li>
                                                <li><a href="menu/com/infile">收文管理</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="menu/com/task">任务管理</a></li>
                                        <li>
                                            <a href="#">资质管理<i class="arrow"></i></a>
                                            <ul class="collapse">
                                                <li><a href="menu/com/cert?viewtype=1">使用中</a></li>
                                                <li><a href="menu/com/cert?viewtype=2">到期提醒</a></li>
                                                <li><a href="menu/com/cert?viewtype=3">已失效</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="#">印章管理<i class="arrow"></i></a>
                                            <ul class="collapse">
                                                <li><a href="menu/com/seal?viewtype=1">申请中</a></li>
                                                <li><a href="menu/com/seal?viewtype=2">外借印章</a></li>
                                                <li><a href="menu/com/seal?viewtype=3">已归还</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="#">资产管理<i class="arrow"></i></a>
                                            <ul class="collapse">
                                                <li>
                                                    <a href="#">资产采购<i class="arrow"></i></a>
                                                    <ul class="collapse">
                                                        <li class="mar-lft"><a href="menu/com/purchase?viewtype=1">采购申请</a></li>
                                                        <li class="mar-lft"><a href="menu/com/purchase?viewtype=2">采购确认</a></li>
                                                        <li class="mar-lft"><a href="menu/com/purchase?viewtype=3">采购完成</a></li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="#">资产台账<i class="arrow"></i></a>
                                                    <ul class="collapse">
                                                        <li class="mar-lft"><a href="menu/com/asset?viewtype=1">待入库</a></li>
                                                        <li class="mar-lft"><a href="menu/com/asset?viewtype=2">资产明细</a></li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="#">资产领用<i class="arrow"></i></a>
                                                    <ul class="collapse">
                                                        <li class="mar-lft"><a href="menu/com/assetuse?viewtype=1">申请中</a></li>
                                                        <li class="mar-lft"><a href="menu/com/assetuse?viewtype=2">已领用</a></li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="#">资产操作<i class="arrow"></i></a>
                                                    <ul class="collapse">
                                                        <li class="mar-lft"><a href="menu/com/assetflit">资产调拨</a></li>
                                                        <li class="mar-lft">
                                                            <a href="#">资产维修<i class="arrow"></i></a>
                                                            <ul class="collapse">
                                                                <li class="mar-lft"><a href="menu/com/assetmaintain?viewtype=1">维修登记</a></li>
                                                                <li class="mar-lft"><a href="menu/com/assetmaintain?viewtype=2">维修结果</a></li>
                                                            </ul>
                                                        </li>
                                                        <li class="mar-lft">
                                                            <a href="#">资产报废<i class="arrow"></i></a>
                                                            <ul class="collapse">
                                                                <li class="mar-lft"><a href="menu/com/assetscrap?viewtype=1">流转中</a></li>
                                                                <li class="mar-lft"><a href="menu/com/assetscrap?viewtype=2">已报废</a></li>
                                                            </ul>
                                                        </li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <%--<li><a href="#">资料管理</a></li>--%>
                                    </ul>
                                </li>


                                <li>
                                    <a href="#">
                                        <i class="ti-check-box"></i>
											<span class="menu-title">
												<strong>人事管理</strong>
											</span>
                                        <i class="arrow"></i>
                                    </a>
                                    <ul class="collapse">
                                        <li>
                                            <a href="#">人事管理<i class="arrow"></i></a>
                                            <ul class="collapse">
                                                <li>
                                                    <a href="menu/com/personnelInfo">人事信息<i class="arrow"></i></a>
                                                    <ul class="collapse">
                                                        <li class="mar-lft"><a href="menu/com/personnelInfo?viewtype=1">正式员工</a></li>
                                                        <li class="mar-lft"><a href="menu/com/personnelInfo?viewtype=2">试用员工</a></li>
                                                        <li class="mar-lft"><a href="menu/com/personnelInfo?viewtype=3">即将到期员工</a></li>
                                                        <li class="mar-lft"><a href="menu/com/personnelInfo?viewtype=4">离职员工</a></li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="menu/com/allChange">用工异动总汇<i class="arrow"></i></a>
                                                    <ul class="collapse">
                                                        <li class="mar-lft"><a href="menu/com/allChange?viewtype=1">流转中</a></li>
                                                        <li class="mar-lft"><a href="menu/com/allChange?viewtype=2">已完成</a></li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="menu/com/birthday">员工生日一览</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="#">培训管理<i class="arrow"></i></a>
                                            <ul class="collapse">
                                                <li class="mar-lft"><a href="menu/com/train?viewtype=1">申请中</a></li>
                                                <li class="mar-lft"><a href="menu/com/train?viewtype=2">培训中</a></li>
                                                <li class="mar-lft"><a href="menu/com/train?viewtype=3">已完成</a></li>
                                            </ul>
                                        </li>
                                        <%--<li><a href="#">资料管理</a></li>--%>
                                    </ul>
                                </li>

                                <li>
                                    <a href="#">
                                        <i class="ti-shopping-cart-full"></i>
											<span class="menu-title">
												<strong>订单管理</strong>
											</span>
                                        <i class="arrow"></i>
                                    </a>
                                    <ul class="collapse">
                                        <li class="mar-lft"><a href="menu/com/orderEntity?viewtype=1">订单下达</a></li>
                                        <li class="mar-lft"><a href="menu/com/orderEntity?viewtype=2">订单实施</a></li>
                                        <li class="mar-lft"><a href="menu/com/orderEntity?viewtype=3">订单完成</a></li>
                                        <li class="mar-lft"><a href="menu/com/orderEntity?viewtype=4">订单暂停</a></li>
                                        <li class="mar-lft"><a href="menu/com/orderEntity?viewtype=5">订单取消</a></li>
                                    </ul>
                                </li>

                                <li>
                                    <a href="#">
                                        <i class="ti-shopping-cart-full"></i>
											<span class="menu-title">
												<strong>CRM管理</strong>
											</span>
                                        <i class="arrow"></i>
                                    </a>
                                    <ul class="collapse">
                                        <li class="mar-lft"><a href="menu/com/customerInfo">客户信息管理</a></li>
                                        <li class="mar-lft"><a href="menu/com/businessTalk">业务洽谈登记</a></li>
                                        <li class="mar-lft"><a href="menu/com/businessChance">业务机会登记</a></li>
                                        <li class="mar-lft"><a href="menu/com/contractDeal">合同成交登记</a></li>
                                        <li class="mar-lft"><a href="menu/com/contractPerform">合同履约登记</a></li>
                                    </ul>
                                </li>

                                <%--<li>--%>
                                    <%--<a href="#">--%>
                                        <%--<i class="ti-harddrives"></i>--%>
                                        <%--<span class="menu-title">--%>
												<%--<strong>人事管理</strong>--%>
											<%--</span>--%>
                                        <%--<i class="arrow"></i>--%>
                                    <%--</a>--%>
                                    <%--<ul class="collapse">--%>
                                        <%--<li><a href="#">人事管理</a></li>--%>
                                        <%--<li><a href="#">培训管理</a></li>--%>
                                    <%--</ul>--%>
                                <%--</li>--%>

                            </ul>
                            <!--================================-->
                            <!-- End 菜单栏 -->

                        </div>
                    </div>
                </div>
                <!--================================-->
                <!-- End 菜单 -->

            </div>
        </nav>
        <!--===================================================-->
        <!-- END 左侧导航栏 -->

        <!-- 聊天窗口 -->
        <!--===================================================-->
        <div class="chatContainer col-md-4 col-lg-4" id="chart">

            <div class="panel" style="margin-bottom: 0">
                <%--<button id="ceshi">测试</button>--%>
                <!--Heading-->
                <div class="panel-heading">
                    <div class="panel-control">
                        <div class="btn-group">
                            <button id="groupBtn" type="button" class="btn btn-default chatHidden" data-toggle="dropdown" aria-expanded="false" style="margin-top:-8px">更多操作 <i class="ti-arrow-circle-down icon-lg"></i></button>
                            <ul class="dropdown-menu dropdown-menu-right">
                            <li id="groupInfo" data-toggle="modal" data-target="#myModal2"><a href="javascript:void(0);">群聊信息</a></li>
                            <li id="groupMemberAdd" class="chatHidden"><a href="javascript:void(0);">邀请成员</a></li>
                            <li id="groupMemberList" data-toggle="modal" data-target="#myModal" ><a href="javascript:void(0);">成员列表</a></li>
                            <li class="divider"></li>
                            <li id="groupDissolution" class="chatHidden"><a href="javascript:void(0);">解散群</a></li>
                            <li id="groupQuit" class="chatHidden"><a href="javascript:void(0);">退出群</a></li>
                            </ul>
                            <a class="layui-layer-close" href="javascript:;" id="closeIm"></a>
                          <%--  <button type="button" class="btn btn-default" id="closeIm">收起 <i class="ti-arrow-up icon-lg"></i></button>--%>
                        </div>
                    </div>
                    <div class="layim-chat-title">
                        <a class="layim-chat-other">
                            <img src="../resource/core/img/qq.jpg" />
                            <span id="chatTitle">Chat</span>
                        </a>
                    </div>
                    <input type="hidden" id="toSend" />
                </div>

                <!--Widget body-->
                <div>
                    <div class="nano" style="height:300px">
                        <div class="nano-content pad-all" id="chatContent">
                            <%--<ul class="list-unstyled media-block">--%>
                            <%--<li class="mar-btm">--%>
                            <%--<div class="media-left">--%>
                            <%--<img src="../resource/core/img/profile-photos/3.png" class="img-circle img-sm" alt="Profile Picture">--%>
                            <%--</div>--%>
                            <%--<div class="media-body pad-hor">--%>
                            <%--<div class="speech">--%>
                            <%--<a href="#" class="media-heading">Aaron Chavez</a>--%>
                            <%--<p>Hello Lucy, how can I help you today ?</p>--%>
                            <%--<p class="speech-time">--%>
                            <%--<i class="demo-pli-clock icon-fw"></i>09:23AM--%>
                            <%--</p>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</li>--%>
                            <%--<li class="mar-btm">--%>
                            <%--<div class="media-right">--%>
                            <%--<img src="../resource/core/img/profile-photos/4.png" class="img-circle img-sm" alt="Profile Picture">--%>
                            <%--</div>--%>
                            <%--<div class="media-body pad-hor speech-right">--%>
                            <%--<div class="speech">--%>
                            <%--<a href="#" class="media-heading">Lucy Doe</a>--%>
                            <%--<p>Hi, I want to buy a new shoes.</p>--%>
                            <%--<p class="speech-time">--%>
                            <%--<i class="demo-pli-clock icon-fw"></i> 09:23AM--%>
                            <%--</p>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</li>--%>
                            <%--</ul>--%>
                        </div>
                    </div>

                    <!--Widget footer-->
                    <div id="fileStep" class="progress" style="margin-bottom: 0;display: none">
                        <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
                            0%
                        </div>
                    </div>
                    <div class="panel-footer">
                        <div class="row">
                            <div id="faceContainer"></div>
                            <i class="ti-face-smile" id="showFace"></i>
                            <i class="ti-folder" id="toSendFile"></i>
                            <i class="ti-gallery" id="toSendPic"></i>
                        </div>
                        <div class="row">
                                <%--<input type="text" placeholder="Enter your text" class="form-control chat-input" id="sendContent">--%>
                                <div class="form-control chat-input" id="sendContent" contenteditable="true" style="height:100px" ></div>
                        </div>
                        <div class="row">
                            <div class="layim-chat-bottom">
                                <div class="layim-chat-send">
                                    <span class="layim-send-close" id="chatClose">关闭</span>
                                    <span class="layim-send-btn"  id="chatSend">发送</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <!--===================================================-->
        <!-- END 聊天窗口 -->

        <!-- 侧隐藏栏 -->
        <!--===================================================-->
        <aside id="aside-container">
            <div id="aside">
                <div class="nano">
                    <div class="nano-content">

                        <!--Nav tabs-->
                        <!--================================-->
                        <ul class="nav nav-tabs nav-justified">
                            <li class="active">
                                <a href="#asd-tab-1" data-toggle="tab">
                                    <i class="ti-comments"></i>
                                    联系人
                                </a>
                            </li>
                            <li>
                                <a href="#asd-tab-2" data-toggle="tab">
                                    <i class="ti-info-alt"></i>
                                    群组
                                </a>
                            </li>
                            <%--
                            <li>
                                <a href="#asd-tab-3" data-toggle="tab">
                                    <i class="ti-settings"></i>
                                    设置
                                </a>
                            </li>
                            --%>
                        </ul>
                        <!--================================-->
                        <!--End nav tabs-->


                        <!-- Tabs Content -->
                        <!--================================-->
                        <div class="tab-content">

                            <!--First tab-->
                            <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                            <div class="tab-pane fade in active" id="asd-tab-1">
                                <input style="display: none;" type="file" name="sendPic" id="sendPic" value=""  multiple="multiple"/>
                                <input style="display: none;" type="file" name="sendFile" id="sendFile" value="" multiple="multiple" />
                                <button class="btn btn-purple" id="addFriend">添加好友</button>
                                <%--<button class="btn btn-purple" id="refreshFriend">刷新</button>--%>
                                <div class="list-group bg-trans" id="friendContainer">

                                    <%--<a href="javascript:void(0);" class="list-group-item" title="asd">--%>
                                    <%--<div class="media-left pos-rel">--%>
                                    <%--<img class="img-circle img-xs" src="../resource/core/img/profile-photos/1.png" alt="Profile Picture">--%>
                                    <%--<i class="badge badge-success badge-stat badge-icon pull-left"></i>--%>
                                    <%--</div>--%>
                                    <%--<div class="media-body">--%>
                                    <%--<p class="mar-no">Stephen Tran</p>--%>
                                    <%--<small class="text-muted">Availabe</small>--%>
                                    <%--</div>--%>
                                    <%--<span class="pull-left badge badge-info unread chatHidden">1</span>--%>
                                    <%--<button class="delFriend btn-xs btn-danger chatHidden">×</button>--%>
                                    <%--</a>--%>

                                </div>
                            </div>
                            <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                            <!--End first tab-->

                            <!--Second tab-->
                            <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                            <div class="tab-pane fade" id="asd-tab-2">
                                <button class="btn btn-purple" id="addGroup">创建群组</button>
                                <div class="list-group bg-trans" id="groupContainer">

                                    <%--<a href="javascript:void(0);" class="list-group-item groupBox">--%>
                                        <%--<div class="media-left pos-rel">--%>
                                            <%--<img class="img-circle img-xs" src="../resource/core/img/profile-photos/5.png" alt="Profile Picture">--%>
                                        <%--</div>--%>
                                        <%--<div class="media-body">--%>
                                            <%--<p class="mar-no">Donald Brown</p>--%>
                                            <%--<small class="text-muted">Lorem ipsum dolor sit ameddddddddddddddddddddddddddddddddddddt.</small>--%>
                                        <%--</div>--%>
                                    <%--</a>--%>

                                </div>
                            </div>
                            <!--End second tab-->
                            <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->


                            <!--Third tab-->
                            <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                            <%--
                            <div class="tab-pane fade" id="asd-tab-3">
                                <div class="panel">
                                    <div class="panel-heading">
                                        <h3 class="panel-title">公告通知测试</h3>
                                        <div class="col-sm-12 table-toolbar-right" style="position: absolute; right: 15px;top: 16px;">
                                            <a id="notice_more1" class= btn-default" style="cursor:pointer;font-size: 16px">more</a>
                                        </div>

                                    </div>
                                    <div class="panel-body" id="notice_list_row1">
                                        <table id="notice_table1">
                                        </table>
                                    </div>
                                </div>
                            </div>
                            --%>
                            <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->

                        </div>
                    </div>
                </div>
            </div>
        </aside>
        <!--===================================================-->
        <!-- END 侧边隐藏栏 -->

    </div>

    <%--群组成员模态框--%>
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">群组成员</h4>
                </div>
                <div class="modal-body">
                    <div class="list-group" id="groupMemberContainer">

                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <%--<button type="button" class="btn btn-primary">Save changes</button>--%>
                </div>
            </div>
        </div>
    </div>

    <%--群详情模态框--%>
    <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="panel widget">
                <div class="widget-header bg-warning text-center">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="mar-no pad-top groupInfo">--</h4>
                    <%--<p class="text-sm groupInfo">Administrator</p>--%>
                </div>
                <div class="widget-body">
                    <img alt="Profile Picture" class="widget-img img-circle img-border-light groupHeadImg" src="../resource/core/img/profile-photos/5.png">

                    <div id="demo-panel-w-alert" class="panel">
                        <div class="panel-heading">
                            <div class="panel-control">
                                <button id="declaredEdit" class="btn btn-primary btn-xs chatHidden">编辑</button>
                                <button id="declaredUpdate" class="btn btn-success btn-xs chatHidden">确认</button>
                            </div>
                            <h3 class="panel-title">群公告</h3>
                        </div>
                        <div class="panel-body groupInfo" id="groupDeclared">
                            --
                        </div>
                    </div>

                    <div class="list-group bg-trans mar-no">
                        <a class="list-group-item list-item-sm" href="javascript:void(0)">
                            <span class="label label-info pull-right groupInfo">--</span>
                            群ID
                        </a>
                        <a class="list-group-item list-item-sm" href="javascript:void(0)">
                            <span class="label label-primary pull-right groupInfo">--</span>
                            创建者
                        </a>
                        <a class="list-group-item list-item-sm" href="javascript:void(0)">
                            <span class="label label-success pull-right groupInfo">--</span>
                            创建时间
                        </a>
                        <a class="list-group-item list-item-sm" href="javascript:void(0)">
                            <span class="label label-danger pull-right groupInfo">--</span>
                            成员数量
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- 底部栏 -->
    <!--===================================================-->
    <footer id="footer">

        <!-- Visible when footer positions are fixed -->
        <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
        <%--<div class="show-fixed pull-right">--%>
            <%--You have <a href="#" class="text-bold text-main"><span class="label label-danger">3</span> pending action.</a>--%>
        <%--</div>--%>


        <!-- Visible when footer positions are static -->
        <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
        <%--<div class="hide-fixed pull-right pad-rgt">--%>
            <%--14GB of <strong>512GB</strong> Free.--%>
        <%--</div>--%>


        <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
        <!-- Remove the class "show-fixed" and "hide-fixed" to make the content always appears. -->
        <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->

        <p class="pad-lft">&#0169; 2016 上海玖达信息技术有限公司</p>


    </footer>
    <!--===================================================-->
    <!-- END 底部栏 -->


    <!-- 移回顶部按钮 -->
    <!--===================================================-->
    <button class="scroll-top btn">
        <i class="pci-chevron chevron-up"></i>
    </button>
    <!--===================================================-->
    <!-- END 移回顶部按钮 -->


</div>
<!--===================================================-->
<!-- END OF CONTAINER -->


<!--JAVASCRIPT-->
<!--=================================================-->

<!--jQuery [ REQUIRED ]-->
<script src="../resource/core/js/jquery-2.2.4.min.js"></script>

<!--BootstrapJS [ RECOMMENDED ]-->
<script src="../resource/core/js/bootstrap.min.js"></script>

<!--Nifty Admin [ RECOMMENDED ]-->
<script src="../resource/core/js/nifty.js"></script>
<%--<script src="../resource/core/js/nifty.min.js"></script>--%>

<!--Page Load Progress Bar [ OPTIONAL ]-->
<script src="../resource/core/plugins/pace/js/pace.min.js"></script>

<!--Bootstrap Select [ OPTIONAL ]-->
<script src="../resource/core/plugins/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>
<script src="../resource/core/plugins/bootstrap-select/1.10.0/js/i18n/defaults-zh_CN.min.js"></script>

<!-- jsrender -->
<script src="../resource/core/plugins/jsview/0.9.8/jsrender.min.js"></script>

<!-- dialog -->
<script src="../resource/core/plugins/bootstrap-dialog/1.35.2/js/bootstrap-dialog.min.js"></script>
<script src="../resource/core/plugins/bootstrap-dialog/1.35.2/js/i18n/defaults-zh_CN.js"></script>

<!-- jqGrid -->
<script src="../resource/core/plugins/jqGrid/5.1.1/js/jquery.jqGrid.min.js"></script>
<script src="../resource/core/plugins/jqGrid/5.1.1/js/i18n/grid.locale-cn.js"></script>

<!-- validation -->
<script src="../resource/core/plugins/jquery-validation/1.15.0/jquery.validate.min.js"></script>
<script src="../resource/core/plugins/jquery-validation/1.15.0/i18n/messages_zh.min.js"></script>

<!-- ztree -->
<script src="../resource/core/plugins/ztree/3.5.24/js/jquery.ztree.all.min.js"></script>

<!--Bootstrap Datepicker [ OPTIONAL ]-->
<script src="../resource/core/plugins/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="../resource/core/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>

<!--Select2 [ OPTIONAL ]-->
<script src="../resource/core/plugins/select2/js/select2.min.js"></script>

<!-- uploadify -->
<script src="../resource/core/plugins/uploadify/jquery.uploadify.min.js"></script>
<!-- hpj包装的文件上传插件 -->
<script src="../resource/core/plugins/uploadify/upload.js"></script>

<!--Full Calendar [ OPTIONAL ]-->
<script src="../resource/core/plugins/fullcalendar/lib/moment.min.js"></script>
<script src="../resource/core/plugins/fullcalendar/lib/jquery-ui.custom.min.js"></script>
<script src="../resource/core/plugins/fullcalendar/fullcalendar.js"></script>

<!--clockpicker [ OPTIONAL ]-->
<script src="../resource/core/plugins/clockpicker/bootstrap-clockpicker.min.js"></script>

<!--Summernote [ OPTIONAL ]-->
<script src="../resource/core/plugins/summernote/summernote.min.js"></script>
<!-- include summernote-ko-KR -->
<script src="../resource/core/plugins/summernote/lang/summernote-zh-CN.js"></script>

<!-- easy-pie-chart -->
<script src="../resource/core/plugins/easy-pie-chart/jquery.easypiechart.min.js"></script>

<!--app core-->
<script src="../resource/core/js/core/app-core.js"></script>
<script src="../resource/core/js/core/app-config.js"></script>
<script src="../resource/core/js/core/app-common.js"></script>
<!-- ueditor js-->
<script type="text/javascript" charset="utf-8" src="../resource/core/plugins/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="../resource/core/plugins/ueditor/ueditor.all.min.js"> </script>

<!--im-->
<script src="http://app.cloopen.com/im50/ytx-web-im-min-new.js"></script>
<script src="../resource/core/js/im/emoji.js"></script>
<script src="../resource/core/js/im/MD5.min.js"></script>
<script src="../resource/core/js/im/myChat.js"></script>

<%-- show big image --%>
<script src="../resource/core/js/showImg/jquery.mousewheel.pack.js"></script>
<script src="../resource/core/js/showImg/jquery.fancybox.pack.js"></script>
<script src="../resource/core/js/showImg/jquery.fancybox-buttons.js"></script>
<script src="../resource/core/js/showImg/jquery.fancybox-thumbs.js"></script>
<link rel="stylesheet" type="text/css" href="../resource/core/js/showImg/jquery.fancybox.css?v=2.1.5" media="screen" />
<link rel="stylesheet" type="text/css" href="../resource/core/js/showImg/jquery.fancybox-buttons.css?v=2.1.5" media="screen" />
<link rel="stylesheet" type="text/css" href="../resource/core/js/showImg/jquery.fancybox-thumbs.css?v=2.1.5" media="screen" />

<!--=================================================-->
<script>

    $(document).ready(function() {

       setTimeout(function() {

           //__toastr_success('OA产品 演示版 Ver:0.0.1');

      }, 1000);

    });

</script>

</body>
</html>
